<html>
<head>
  <title>Devcathlon: My Matches</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />
  <script type="text/javascript" src="expandCollapse.js"></script>
  <script type="text/javascript" src="expandCollapse.js"></script>
  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">
  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->
<center>
<h2><u>My Matches</u></h2>

<div>
	<form id="tableForm">
		<table>
			<tr>
				<td width="150">
					<big><a href="matchdetails_1.html">Match 1</a></big>
					<label>01/28/2009</label>
					<div id="match1" style="display:none">
								<br>
								<table>
									<tr>
										<th width="150">Team Name</th>
										<th>Points</th>
									</tr>
									<tr>
										<td><a href="">Mockup 1</a></td>
										<td>200</td>
									</tr>
									<tr>
										<td><a href="">Mockup 2</a></td>
										<td>100</td>
									</tr>
									<tr>
										<td><a href="">Mockup 3</a></td>
										<td>150</td>
									</tr>
								</table>
							</div>
				</td>
				<td>
					<img src="expand_arrow.JPG" onclick="return toggleMe('match1')">
							
					</td>
				</tr>
				<tr>
					<td>
						<big><a href="matchdetails_2.html">Match 2</a></big>
						<label>02/05/2009</label>
						<div id="match2" style="display:none">
							<br>
							<table>
								<tr>
									<th width="150">Team Name</th>
									<th>Points</th>
								</tr>
								<tr>
									<td><a href="">Mockup 4</a></td>
									<td>300</td>
								</tr>
								<tr>
									<td><a href="">Mockup 5</a></td>
									<td>100</td>
								</tr>
								<tr>
									<td><a href="">Mockup 6</a></td>
									<td>110</td>
								</tr>
							</table>
						</div>
					</td>
					
					<td>
					<img src="expand_arrow.JPG" onclick="return toggleMe('match2')">
						
						</td>
				</tr>
			</table>
	</form> 
</div>
</center>
<div id="footerFeedback">
<p>
This page will contain the list of matches that the user has been a part of.  Also when click on the arrow, 
the page will expand to reveal all teams that are in the match along with current or completed score.  When
the team name has been clicked on, the user will then be brought to the team page.  When the match name is
clicked the user is then brought to the match details page for that match.
</p>

</div>
</div> <!-- End id=page -->

</body>
</html>